<!DOCTYPE html>
<html>
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>网吧食品经营监管系统</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/cybercafe/main.css(css=${css})}"/>
		</th:block>
	</head>
	
	<body>
		<div class="page">
			<div class="weui-tab__panel hidden" prop="good">
				<div class="search-panel"><table border="0" cellspacing="2" cellpadding="0">
					<tr>
						<td class="cell-input" colspan="5">
							<input id="keyword" class="weui-input" type="text" placeholder="请输入供应商或商品名称"/>
						</td>
					</tr>
					<tr>
						<td class="cell-input">
							<input id="provinceid" type="hidden"/>
							<input id="provinceidSelector" class="weui-input" type="text" readonly="readonly" prop="areaSelector" placeholder="省"/>
						</td>
						<td class="cell-input">
							<input id="cityid" type="hidden"/>
							<input id="cityidSelector" class="weui-input" type="text" readonly="readonly" prop="areaSelector" placeholder="市"/>
						</td>
						<td class="cell-input">
							<input id="districtid" type="hidden"/>
							<input id="districtidSelector" class="weui-input" type="text" readonly="readonly" prop="areaSelector" placeholder="区县"/>
						</td>
						<td class="cell-input">
							<input id="streetid" type="hidden"/>
							<input id="streetidSelector" class="weui-input" type="text" readonly="readonly" prop="areaSelector" placeholder="街道"/>
						</td>
						<td><i class="fa fa-search" onclick="loadGood();"></i></td>
					</tr>
				</table></div>
				<div class="good-container"></div>
			</div>
			<div class="weui-tab__panel hidden" prop="order">
				<div class="weui-tab">
					<div class="weui-navbar">
						<div class="weui-navbar__item" prop="all">全部</div>
						<div class="weui-navbar__item" prop="receiving">待收货</div>
						<div class="weui-navbar__item" prop="completed">已完成</div>
						<div class="weui-navbar__item" prop="cancelled">已取消</div>
					</div>
					<div class="weui-tab__panel"></div>
				</div>
			</div>
			<div class="weui-tab__panel hidden" prop="me">
				<div class="personal-info"></div>
			</div>
			<div class="weui-tabbar">
				<div class="weui-tabbar__item" prop="good">
					<i class="fa fa-cubes"></i>
					<p class="weui-tabbar__label">浏览商品</p>
				</div>
				<div class="weui-tabbar__item" prop="order">
					<div style="display: inline-block; position: relative;">
						<i class="fa fa-align-justify"></i>
						<span class="weui-badge hidden" prop="orderNumber" style="position: absolute; top: -2px; right: -13px;">0</span>
					</div>
					<p class="weui-tabbar__label">我的订单</p>
				</div>
				<div class="weui-tabbar__item" prop="me">
					<i class="fa fa-user-o"></i>
					<p class="weui-tabbar__label">我</p>
				</div>
			</div>
		</div>
		
		<th:block th:replace="/mobile/common::common_toast_define"/>
		<th:block th:replace="/mobile/common::common_dialog_define"/>
		<th:block th:replace="/mobile/cybercafe/common/cart::cart_define"/>
		
		<script type="text/javascript" th:src="@{{js}/mobile/cybercafe/MainHandler.js(js=${js})}"></script>
	</body>
</html>
